$(function(){
	$("head").append('<link rel="stylesheet" type="text/css" href="'+CACHE_URL+'/template/yu_editor/css/editor.css"></link>');
});

/**
 * 编辑器操作队列
 * 样式 ： {name:'style', 'background-color' : 'red', 'background-image':'url(...)'}
 */
var opt_queues = {};

var editor_content_height = 242;
var open_animation = false;//是否开启动画
$(function(){
	
	//自动点击页面布局
	setTimeout(function(){
		$(".tool_menu li:eq(3)").click();
		//开启布局编辑
		//$("#layout_show_btn").click();
	},500);
	
	$('body').css({'margin-top' : editor_content_height});
	
	//初始化第一导航Tabs
	$(".tool_menu").yu_tabs();
	
	//初始化编辑器参数，Body的属性
	setTimeout(function(){init_layout_widget_editor()},1000);
	
	//保存按钮
	$(".save_btn").click(save_opt_queues);
	
	//编辑器收缩按钮
	$("#tooler_split a").toggle(function(){
		$("#templateeditortooler").dequeue().animate({'top':-editor_content_height},function(){
			$("#templateeditortooler_split a").css({'background-position':'0 0'});
		});
		$("body").animate({"margin-top":0});
		if($('#layout_p_selected').css('display') == 'block'){
			//移动选中层
			var top = parseInt($('#layout_p_selected').css('top'));
			$('#layout_p_selected').animate({top:top - editor_content_height});
		}
		if($(".templateeditorloading").css("display")=='block'){
			$(".templateeditorloading").dequeue().animate({top:parseInt($(".templateeditorloading").css("top"))-editor_content_height});
		}
	},function(){
		$("#templateeditortooler").dequeue().animate({'top':0},function(){
			$("#templateeditortooler_split a").css({'background-position':'-46px 0'});
		});
		$("body").dequeue().animate({"margin-top":editor_content_height});
		if($('#layout_p_selected').css('display') == 'block'){
			//移动选中层
			var top = parseInt($('#layout_p_selected').css('top'));
			$('#layout_p_selected').animate({top:top + editor_content_height});
		}
		if($(".templateeditorloading").css("display")=='block'){
			$(".templateeditorloading").dequeue().animate({top:parseInt($(".templateeditorloading").css("top"))+editor_content_height});
		}
	});
	
	//选择是否显示布局
	$("#layout_show_btn").click(function(){
		if(layout_show_){
			layout_show_ = false;
			$(this).removeClass("show_layout_on_btn").addClass("show_layout_btn");
			//隐藏layout_p_selected
			$("#layout_p_selected").hide();
			$("#widget_bar_tools").hide();
		}else{
			layout_show_ = true;
			$(this).removeClass("show_layout_btn").addClass("show_layout_on_btn");
			init_layout_selector(cur_edit_layout);//初始化Layout_Handle
			//显示layout_p_selected
			show_layout_p(cur_edit_layout);
			layout_p_selected();
			$("#widget_bar_tools").show();
		}
	});
	
	//将标有hover_handle的对象设置透明事件
	$(".hover_handle").css({opacity:0.3}).hover(function(){$(this).dequeue().animate({opacity:1})},function(){$(this).dequeue().animate({opacity:0.3})});
	
	//初始化工具
	$("#widget_bar_tools .ui-icon-wrench").click(function(){
		var menu_list = $(this).next();
		//选择需要显示的
		if(layout_width_set_available && !layout_on_edit){
			menu_list.find('.width_set').show();
		}else{
			menu_list.find('.width_set').hide();
			
		}
		if(delete_able){
			menu_list.find('.layout_del').show();
		}else{
			menu_list.find('.layout_del').hide();
		}
		if(widget_scortable){
			$('#widget_bar_tools .move_up,#widget_bar_tools .move_down').show();
		}else{
			$('#widget_bar_tools .move_up,#widget_bar_tools .move_down').hide();
		}
		if($(cur_edit_layout).attr('id') == 'wrap' || layout_on_edit){
			$('#widget_bar_tools .layout_parent').hide();
		}else{
			$('#widget_bar_tools .layout_parent').show();
		}
		menu_list.parent().css({opacity:1}).find(".menu_list").show();
	});
	$("#widget_bar_tools").hover(function(){},function(){
		$(this).css({opacity:0.5}).find(".menu_list").hide();
	}).find('.menu_list a').click(function(){
		$("#widget_bar_tools .menu_list").hide();
	});
});

function layout_width_set(){
	if(!layout_width_set_available){
		alert('本区域不允许设置宽度！');return;
	}
	if(cur_edit_layout == null){
		alert('未指定要编辑区域！');return;
	}
	//进入编辑状态
	layout_edit_start();
	
}

function layout_edit_start(){
	if($('#layout_edit_status').length)return;
	layout_on_edit = true;
	var layout_l = $(cur_edit_layout).offset().left;
	var h = $(cur_edit_layout).height();
	//初始化宽度编辑器
	$(cur_edit_layout).find('> .sub_layout').each(function(){
		var sub_layout = $(this);
		if(sub_layout.hasClass('sub_layout_last'))return;
		//var sub_layout_id = sub_layout.attr('id');
		var left = sub_layout.offset().left - layout_l;
		//var top = sub_layout.offset().top;
		var width = sub_layout.width();
		var handle = $('<div class="layout_width_handle"><span class="ui-icon ui-icon-arrowthick-2-e-w"></span></div>')
			.css({height:h-2, left:left + width});
		handle.find('.ui-icon').css({'margin-top':(h-16)/2});
		$('#layout_p_selected').append(handle).css({'z-index':99999});
		//初始化拖动事件
	});
	$('.layout_width_handle').draggable({
		axis : 'x',
		drag: function(event, ui){
			update_layout_width();
		},
		stop: function(event, ui){
			update_layout_width(true);
		}
	});
	$("#editor_opt_div").append('<a id="layout_edit_status" onclick="layout_edit_stop()" href="javascript:void(0)"><span class="ui-icon ui-icon-pause"></span>退出宽度编辑</a>');
	$('#widget_bar_tools .menu_list .width_set_stop').show();
	$('#widget_bar_tools .menu_list .width_set').hide();
}

function layout_edit_stop(){
	layout_on_edit = false;
	$("#layout_edit_status,.layout_width_handle").remove();
	$('#layout_p_selected').css({'z-index':-1});
	$('#widget_bar_tools .width_set_stop').hide();
	$('#widget_bar_tools .width_set').show();
}

function update_layout_width(save){
	if(save == null)save = false;
	var ls = [];
	//var csses = [];
	var layout_width = $(cur_edit_layout).width();
	var layout_l = $(cur_edit_layout).offset().left;
	$('.layout_width_handle').each(function(){
		ls[ls.length] = parseInt($(this).offset().left - layout_l);
	});
	
	var widget_styles = null;
	if(save){
		var layout_id = $(cur_edit_layout).attr('id').substring(2);
		widget_styles = new WidgetStyles(layout_id);
	}
	
	//重新排序
	ls = ls.sort(function(a,b){return a-b;});
	//排序Layout
	var last_l = 0;
	$(cur_edit_layout).find('> .sub_layout').each(function(index){
		var w = 0;
		if($(this).hasClass('sub_layout_last')){
			//最后一个
			w = parseInt(layout_width - last_l);
		}else{
			w = parseInt(ls[index] - last_l);
			last_l = ls[index];
		}
		$(this).css('width', w);
		if(save){
			var id = $(this).attr('id');
			widget_styles.add('#' + id, 'width', w + 'px');
		}
	});
	if(save){
		//保存
		widget_styles.save();
	}
}

var cur_edit_layout = null; //当前编辑的Layout
var layout_on_edit = false;
function init_layout_selector(layout){
	if(cur_edit_layout == null){
		cur_edit_layout = $("#wrap");
	}
	if(layout == null){
		layout = cur_edit_layout;
	}
	//还原之前Layout事件
	clear_layout_event();
	
	//初始化当前Layout事件
	$(layout).find(">.layoutWidget,>.sub_layout").hover(function(){
		if(!layout_show_)return;//当前不是编辑布局时，返回
		show_layout_p(this);
	},function(){
		if(!layout_show_)return;
		is_hide_layout_p = true;
		hide_layout_p(this);
	});
	cur_edit_layout = layout;
}

/**
 * 清除原编辑Layout的事件
 */
function clear_layout_event(){
	//$(cur_edit_layout).find(">.layoutWidget,>.sub_layout").unbind('hover');
	$('.layoutWidget,.sub_layout').unbind("hover");
}

/**
 * 显示layout所在区域
 * @param obj
 */
function show_layout_p(obj){
	if(!layout_show_ || layout_on_edit || !show_layout_p)return;
	
	var layout_id = $(obj).attr('id');
	if(!$("#layout_p").length){
		var opt_handle = $("<div class='opt_handle' id='layout_p'></div>").hover(function(){
			is_hide_layout_p=false;
		},function(){
			is_hide_layout_p=true;
			hide_layout_p();
		});
		opt_handle.appendTo("body").show();
		$("#layout_p").click(layout_p_selected);
	}
	var w = $(obj).width()-4;
//	var pt = parseInt($(obj).css("padding-top"));
	var h = $(obj).height()-2;
	var l_w = $(obj).offset().left;
	var t = $(obj).offset().top;
	if(open_animation){
		//开启了动画 
		layout_p_busy = true;
		$("#layout_p").show().dequeue().animate({width:w, height:h, top:t, left:l_w+1},function(){
			layout_p_busy = false;
		}).attr('layout', layout_id);//有动画效果
	}else{
		$("#layout_p").css({width:w, height:h,top:t,left:l_w+2}).show().attr('layout', layout_id);//没有动画效果
	}
	is_hide_layout_p = false;
}

function layout_p_selected(){
	if(layout_on_edit)return;
	if(layout_p_busy){
		setTimeout(layout_p_selected, 200);
		return;
	}
	layout_id = $("#layout_p").attr('layout');
	if(layout_id == cur_layout_widget_id){
		return;
	}
	$("#layout_p_selected").remove();
	
	$("#" + layout_id).addClass('layout_p_on');
	$("#layout_p").clone(false).attr('id', 'layout_p_selected').appendTo('body');
	$("#layout_p").hide();
	
	//初始化是否挂件开关
	init_widget_available(layout_id);
	
	//隐藏
	is_hide_layout_p = true;
	
	//打开页面布局->版式布局
	$("[content='layouts']").parent().click();
	$("[content='main_style']").parent().click();
	
	//初始化下一层Layout选中事件
	init_layout_selector("#" + layout_id);
	
	//初始化布局编辑器
	init_layout_widget_editor(layout_id);
	
	//初始化选中区域配置按钮
	var left = $("#" + layout_id).offset().left;
	var top = $("#" + layout_id).offset().top;
	$("#widget_bar_tools").css({left:left + 6,top:top + 6}).show();
}

var layout_p_busy = false; //布局定位是否忙
var layout_widget_available = true;//是否允许添加布局挂件
var widget_scortable = true;//编辑区域挂件是否允许排序
var delete_able = false;//选中布局挂件是否可以删除
var layout_show_ = false;//当前是否编辑布局
var layout_width_set_available = false; //是否允许设置布局宽度
/**
 * 判断是否允许添加挂件
 * @param layout_id
 */
function init_widget_available(layout_id){
	var layout = $("#" + layout_id);
	if(layout.hasClass('layout2Widget') || layout.hasClass('layout3Widget') || layout.hasClass('layout4Widget')){
		layout_widget_available = false;//不允许添加布局挂件
		widget_scortable = false;//不允许排序
		delete_able = true;
		$("#main_layout .layout_opts a").css('opacity', 0.5);
		layout_width_set_available = true;
	}else if(layout.hasClass('layout1Widget')){
		delete_able = true;
		layout_widget_available = true;
		widget_scortable = true;
		$("#main_layout .layout_opts a").css('opacity', 1);
		layout_width_set_available = false;
	}else{
		layout_widget_available = true;
		widget_scortable = true;
		delete_able = false;
		$("#main_layout .layout_opts a").css('opacity', 1);
		layout_width_set_available = false;
	}
}

var is_hide_layout_p = false; //Layout定位条是否要隐藏
function hide_layout_p(){
	setTimeout(function(){
		if(is_hide_layout_p){
			$("#layout_p").hide();
		}
	},200);
}

var cur_layout_widget_id = null;
/**
 * 初始化样式编辑器
 * @param {Object} widget_id
 */
function init_layout_widget_editor(widget_id){
	if(!layout_show_)return;
	if(widget_id==null)
		widget_id = 'wrap';
	if(cur_layout_widget_id == widget_id){
		return;
	}
	cur_layout_widget_id = widget_id;
	close_box();//如果有打开编辑框的话，这里隐藏它

	var target = "#" + widget_id;
	var align = $(target).css("text-align");
	if(widget_id == 'wrap'){
		//ROOT
		$(".layout_selected").removeClass("layout_selected");
		$("[for='body_align_" + align + "']").click();
		
		$("#main_style [config]").each(function(){
			var config_str = $(this).attr("config");
			var config = $.parseJson(config_str) || {};
			var type = config.type || '';
			
			var body_disavailable = config.body || false;
			config.target = target;
			var css_name = config.css_name;
			switch(type){
				case 'num':
					if(css_name=='width'){
						$(this).attr({value:"100%"});
					}else if(css_name=='height'){
						$(this).attr({value:"auto"});
					}else{
						$(this).val($(target).css(css_name));
					}
					if(body_disavailable)
						$(this).addClass("disabled").attr({disabled:"disabled"});
					else
						$(this).widthSetter();
					break;
				case 'color':
					var value = $(target).css(css_name);
					$(this).attr({value:value,config:JSON.stringify(config)});
					
					if(body_disavailable)
						$(this).addClass("disabled").attr({disabled:"disabled"});
					else
						$(this).colorPicker();
					break;
				case 'line':
					var value = $(target).css(css_name);
					$(this).attr({value:value,config:JSON.stringify(config)});
					
					if(body_disavailable)
						$(this).addClass("disabled").attr({disabled:"disabled"});
					else
						$(this).line_style_setter();
					break;
				case 'image' :
					$(this).imgPicker();
					break;
			}
		});
	}else{
		$("[for='body_align_"+align+"']").click();
		
		//$(".layout_selected").removeClass("layout_selected");
		//$("#" + widget_id + " > .opt_handle" ).addClass("layout_selected");
		
		$("#main_style [config]").each(function(){
			var config_str = $(this).attr("config");
			var config = $.parseJson(config_str) || {};
			var type = config.type || '';
			config.target = target;
			var css_name = config.css_name;
			$(this).attr({value:$(target).css(css_name),config:JSON.stringify(config)}).removeAttr("disabled").removeClass("disabled");
			switch(type){
				case 'num':
					$(this).widthSetter();
					break;
				case 'color':
					var value = $(target).css(css_name);
					$(this).colorPicker();
					break;
				case 'line':
					$(this).line_style_setter();
					break;
				case 'image' :
					$(this).imgPicker();
					break;
			}
		});
	}
	
	//更新状态栏
	update_state();
}

/**
 * 更新某Layout下的布局元素，并追加到指定对象内部
 */
function update_sub_items(append_to_obj){
	var sub_layouts = $(cur_edit_layout).find(">.layoutWidget,>.sub_layout");
	if(sub_layouts.length){
		$("#sub_setting").html('<span class="ui-icon ui-icon-circle-triangle-e"></span> 子布局：');
		sub_layouts.each(function(){
			format_sub_layout_item(this).appendTo(append_to_obj);
		});
	}else{
		$("#sub_setting").html('');
	}
}

/**
 * 格式化某一个Layout标签
 */
function format_sub_layout_item(obj){
	var text = '';
	var target_id = $(obj).attr("id");
	var clazz = $(obj).attr("class");
	if($(obj).hasClass('layoutWidget')){
		//下面是布局layout1Widget
		var layout_type = clazz.replace(/.*layout(\d)Widget.*/g, "$1");
		text = layout_type+" 栏布局";
	}else if($(obj).hasClass('sub_layout')){
		//下面是布局子项
		var layout_type = clazz.replace(/.*layout\d_(\d).*/g, "$1");
		//var widgetcontent = $(obj).attr("widgetcontent");
		text = "第 "+layout_type+" 栏";
	}else{
		text = '全局';
	}
	return $("<span>" + text + "</span>")
	.hover(function(){
		show_layout_p("#" + target_id);
	},function(){
		if(!layout_show_)return;
		is_hide_layout_p = true;
		hide_layout_p(obj);
	})
	.click(function(){
		layout_p_selected();
	});
}

/**
 * 更新状态栏信息
 */
function update_state(){
	//清除原有项目
	$("#editor_state dd").remove();
	$("#sortable_tips").remove();
	var widget = $(cur_edit_layout);
	var i=0;
	while(true){
		if(i>20){
			alert('嵌套太多，或者进入死循环！');return;
		}
		var item = format_sub_layout_item(widget).wrap('<dd></dd>');
		item = item.parent();// <dd>
		if(i>0){
			item.append('<span class="ui-icon ui-icon-triangle-1-e"></span>');
		}
		$('#editor_state dl dt').after(item);
		
		if(widget == null){
			break;
		}
		if($(widget).attr('id') == 'wrap')
			break;
		var cur_id = $(widget).attr('id');
		//尝试让其它的区域也处于可选状态
		$(widget).parent().find('>.layoutWidget,>.sub_layout').each(function(){
			var target_id = $(this).attr('id');
			if(target_id === cur_id)return;
			obj = this;
			$(this).hover(function(){
				show_layout_p("#" + target_id);
			},function(){
				if(!layout_show_)return;
				is_hide_layout_p = true;
				hide_layout_p(obj);
			})
			.click(function(){
				layout_p_selected();
			});
		});
		++i;
		widget = $(widget).parent();
	}
	
	//初始化sublayout
	update_sub_items("#sub_setting");
	
	//如果支持拖拉排序
	if(widget_scortable && $("#sub_setting span").length > 2){
		$('#editor_state').append('<div id="sortable_tips" class="editor_state_item"><span class="ui-icon ui-icon-arrowthick-2-e-w"></span> 支持排序</div>');
	}
	
	$("#editor_opt_div").remove();
	if(delete_able){
		//如果允许删除
		$("#editor_state").append('<div id="editor_opt_div" class="editor_state_item"><a href="javascript:void(0)" onclick="del_layout()"><span class="ui-icon ui-icon-trash"></span>删除布局</a></div>');
	}
}

function del_layout(){
	//删除当前选中挂件
	if(!delete_able){
		alert("当前布局挂件不允许删除！");
		return;
	}
	if(confirm('删除布局将会把布局内的所有挂件放入备件挂件库中，是否继续？')){
		var id = $(cur_edit_layout).attr('id').substring(2);
		$.get('/manager.php?app=yu_editor&act=del_layout&id=' + id + '&tpl=' + TPL + '&_app=' + APP + '&_act=' + ACT, function(data){
			var json = $.parseJson(data);
			alert(json.info);
			if(json.result){
				var layout_id = $(cur_edit_layout).parent().attr("id");
				$(cur_edit_layout).remove();
				show_layout_p($("#" + layout_id));
				setTimeout(function(){
					layout_p_selected();
				}, 200);
			}
		});
	}
}

/**
 * 添加控件
 * @param {Object} widgetType 添加控件的类型
 * @param {Object} target 控件添加的目标（容器）
 */
function widget_edit(config, callback){
	if(callback==null){
		callback = function(html){
			var layout_id = $(cur_edit_layout).attr("id");
			$(cur_edit_layout).append(html);
			show_layout_p($("#" + layout_id));
			setTimeout(function(){
				layout_p_selected();
			}, 200);
		};
	}
	$.post("/manager.php?app=yu_editor&act=add_widget&r="+Math.random(), config, function(result){
		var json = null;
		try{
			json = eval('('+result+')');//$.parseJson(result);
		}catch(e){alert('发生异常，请重试！');return;}
		if(json==null){
			alert("发生异常，请刷新重试！");
			return;
		}
		if(json.result){
			callback(json.data);
		}else{
			alert(json.data);
		}
	});
}

function init_layout_add(){
	$("#main_layout .layout_opts a").dblclick(function(){
		if(!layout_widget_available){
			alert("选中区域不允许添加布局！");
			return;//不允许添加布局挂件
		}
		if(cur_edit_layout == null){
			alert("请选择要添加布局挂件的容器！");
			return;
		}
		var template = $(this).attr("widget");
		var contner_config = get_cur_contener();
		var contner = contner_config.contner;
		var parent = contner_config.parent;
		widget_edit({
			'widget_name' : 'layout',		//挂件类型 
			'widget_cate' : 'layout',		//挂件分类
			'widget_template' : template, 	//挂件模板
			'parent' : parent,		//父级布局挂件ID
			'contner' : contner,	//容器名称
			'type' : 'layout',
			'tpl' : TPL, 
			'_app' : APP, 
			'_act' : ACT
		});
	});
}

/**
 * 获取当前容器的参数
 * {
 * 		'contner' : '' //当前容器的ID
 * 		'parent' : '' //当前容器可放置组件的容器
 * }
 */
function get_cur_contener(){
	var contner = '';
	var parent = '';
	if($(cur_edit_layout).hasClass('rootWidget')){
		//根容器
		parent = 'root';
		contner = 'body';
	}else if($(cur_edit_layout).hasClass('layout1Widget')){
		//一栏布局挂件
		parent = $(cur_edit_layout).attr('id').substring(2);
		contner = 'body';
	}else{
		//其它布局挂件
		parent = $(cur_edit_layout).parent().attr('id').substring(2);
		contner = $(cur_edit_layout).attr('widgetcontent');
	}
	return {
		'contner' : contner,
		'parent' : parent
	};
}

function add_layout(config){
	if(config.name==null)
		return;
	show_templateeditorloading($("[widget='"+config.name+"']"),"body");
}

function layout_p_parent(){
	if($(cur_edit_layout).hasClass('wrap'))return;
	var parent_id = $(cur_edit_layout).parent().attr('id');
	show_layout_p("#" + parent_id);
	setTimeout(function(){
		layout_p_selected();
	},200);
}
//-----------------------------------------------------------------------------------


/**
 * 保存更改命令队列
 */
function save_opt_queues(){
	jStr=JSON.stringify(opt_queues);
	$.post("/wap5/template.saveQueues",{
		queues : jStr
	},function(json){
		alert(json);
	});
}


function unbind_layout_box(){
	if(cur_edit_contner == null){
		return;
	}
	//$(cur_edit_contner).unbind("hover");
	$('.layoutWidget,.sub_layout').unbind("hover");
}

function hide_templateeditorloading(handle,target){
	$(".templateeditorloading").fadeOut(function(){$(".templateeditorloading").remove();});
}

function set_opt_queues(widget, target, css_name, value){
	var styles = opt_queues[widget+"->"+target];
	if(styles == null){
		opt_queues[widget+"->"+target] = {};
	}
	opt_queues[widget+"->"+target][css_name] = value;
}

var draped_widget = null;
function init_widget_drop(){

	//组件拖动事件
	$('.widget_template_thumb img').draggable({
		appendTo : 'body',
		cursor : 'move',
		opacity : 0.5,
		helper: 'clone',
		zIndex : 100001,
		stop : function(){
			
		},
		start : function(event, ui){
			draped_widget = $(ui.helper);
		}
	});
	//初始化拖放元素
	$('.sub_layout,.layout1Widget').droppable({
		greedy : true,
		tolerance : 'pointer',
		drop: function( event, ui ) {
			var class_id = 'temp_widget_' + (Math.random() + '').substring(10);
			cur_edit_layout = '#' + $(this).attr('id'); 
			$(this).append('<div class="temp_widget ' + class_id + '" style="background:red;">Loading...</div>');
			//hide_hover_layout();
			$('.activite_bg').removeClass('activite_bg');
			load_widget_content(this, class_id);
		},
		over : function(event, ui){
			//show_hover_layout(this);
			$('.activite_bg').removeClass('activite_bg');
			$(this).addClass('activite_bg');
		},
		out : function(event, ui){
			//$(this).css({background:''});
			//hide_hover_layout();
			//$("#hover_layout_p").hide();
			$('.activite_bg').removeClass('activite_bg');
		}
	});
}

function show_hover_layout(obj){
	if(!$("#hover_layout_p").length){
		$("<div id='hover_layout_p'></div>").appendTo("body").show();
	}
	var w = $(obj).width()-4;
//	var pt = parseInt($(obj).css("padding-top"));
	var h = $(obj).height()-2;
	var l_w = $(obj).offset().left;
	var t = $(obj).offset().top;
	if(open_animation){
		$("#hover_layout_p").show().dequeue().animate({width:w, height:h, top:t, left:l_w+1},function(){
			
		});
	}else{
		$("#hover_layout_p").css({width:w, height:h,top:t,left:l_w+2}).show();//没有动画效果
	}
}

function hide_hover_layout(){
	$("#hover_layout_p").hide();
}

/**
 * 加载组件内容
 */
function load_widget_content(layout_widget, class_id){
	
	var widget_name = $(draped_widget).attr('widget');
	var widget_cate = $(draped_widget).attr('cate');
	var widget_template = $(draped_widget).attr('file');
	var contner_config = get_cur_contener();
	var contner = contner_config.contner;
	var parent = contner_config.parent;
	widget_edit({
		'widget_name' : widget_name,		//挂件类型 
		'widget_cate' : widget_cate,		//挂件分类
		'widget_template' : widget_template, 	//挂件模板
		'parent' : parent,		//父级布局挂件ID
		'contner' : contner,	//容器名称
		'type' : 'widget',
		'tpl' : TPL, 
		'_app' : APP, 
		'_act' : ACT
	}, function(html){
		//回调函数
		$('.' + class_id).replaceWith(html);
	});
	return;
	//当前ID
	
	var widget_id = $(draped_widget).attr('widget');
	var tpl = $(draped_widget).attr('file');
	var cate = $(draped_widget).attr('cate');
	var url = '/manager.php?app=yu_editor&act=widget_content&id=' + widget_id + '&tpl=' + tpl + '&cate=' + cate;
	$.get(url, function(html){
		$('.' + class_id).replaceWith(html);
	});
}

function get_widget_html(){
	
}


